<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input表单元素</title>
</head>
<body>
<!--
form标签标识一个表单区域，表单区域可以存在许多的表单元素
每一种表单元素杜能够让用户在其中编写信息
例如文本框、密码框、单选框、多选框、下拉列...
    action:当表单提交后跳转的地址，其值是url地址
    method:表单提交方式，表单支持两种方式：get、post
          get
              参数在地址栏展示
              安全性较低
              不支持文件上传
              传输的数据大小有限，一般不超过2KB
              执行效率高
           post
                参数不会再地址栏展示，而是在请求中传输
                安全性较高
                支持文件上传
                理论上传输数据大小无限制
                执行此效率较低
    enctype:表单数据传输方式
            application/x-www-form-urlencoded:默认值，以表单数据方式传输
             multipart/form-data:以二进制流的方式传输
-->
<!--
    input标签:表单中比较常见的标签,可以通过该标签的type属性指定当前表单元素的类型
        type:区分表单元素的类型,其值比较多
            text:单行文本框
            password:密码框
            radio:单选框,同一组单选框同一时间只能选择一个
            checkbox:多选框
            file:文件选择器,可以通过accept属性限制上传的文件格式
            hidden:隐藏域
            submit:提交按钮,当点击按钮时,表单提交,跳转到action属性指定的地址
            reset:重置按钮,当点击按钮时,表单重置为初始状态
            button:普通按钮,当点击按钮时,没有任何效果。一般用于js
            image:将一张图片作为提交按钮,效果与submit一致,使用时需要通过src属性指定图片地址
        name:用于服务器开发,作为数据传输中的key
            在某些表单元素中,可以用于分组
            name相同的元素属于同一组元素，用于服务器开发，暂时用不到
        value:用于设置默认值/服务器值
        checked="checked":用于默认选中单选框或者多选框中的选项
            此时属性值可以省略,直接用属性名代替即可
        placeholder:提示信息,当对应表单元素没有输入任何内容时展示的提示消息
        readonly:只读,只能查看无法修改
        disabled:失效,当前元素从表单中失效,能看到,无法获取焦点,且表单提交时会忽略失效的表单元素
-->
<form action="#" method="get">
    文本框:<input type="text" name="name" value="admin" size="20" minlength="5" maxlength="10" placeholder="请输入用户名" readonly><br>
    密码框:<input type="password" name="password" value="123" size="30" disabled><br>
    单选框:
    <input type="radio" name="gender" value="man" checked="checked">男
    <input type="radio" name="gender" value="woman">女<br>
    多选框:
    <input type="checkbox" name="hobbies" value="eat">吃饭
    <input type="checkbox" name="hobbies" value="sleep" checked>睡觉
    <input type="checkbox" name="hobbies" value="beat">打豆豆<br>
    文件:
    <input type="file" accept="text/plain"><br>
    <input type="hidden" name="id" value="1">
    <input type="submit" value="提交">
    <input type="reset" value="重置">
    <input type="button" value="按钮">
    <input type="image" src="../images/login.gif">
</form>



</body>
</html>